import React, { memo } from 'react'
import type { FC, ReactNode } from 'react'
import { PlayListWarp } from './style'
import PlayListHeader from './components/header'
import PlayListMain from './components/main'
import Right from './components/right'

interface IProps {
  children?: ReactNode
}

const PlayList: FC<IProps> = () => {
  return (
    <PlayListWarp className="wrap-v2 wrap-back">
      <div className="left">
        <PlayListHeader></PlayListHeader>
        <PlayListMain></PlayListMain>
      </div>
      <div className="right">
        <Right></Right>
      </div>
    </PlayListWarp>
  )
}

export default memo(PlayList)
